/*
This is a Cascading Style Sheet (CSS).
It describes rules for styling your HTML markup.

To use this file, place the following <link> tag anywhere in the <head> of your HTML file, making sure that the filename after "href" matches the name of your file....

    <head>
        <link rel="stylesheet" href="style.css">
    </head>

Learn more about CSS at https://developer.mozilla.org/en-US/docs/Web/Guide/CSS

When you're done, you can delete all of this grey text, it's just a comment.
*/

/* Fonts from Google Fonts - more at https://fonts.google.com */
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');
*/
body {
  background-color: rgba(199, 235, 140, 0.51);
  font-family: "Open Sans", sans-serif;
  padding: 5px 25px;
  font-size: 18px;
  margin: 0;
  color: #444;
}

h1 {
  font-family: "Bradley Hand", cursive;
  font-size: 50px;
  color: #ff00b1;
  text-align: center
}

h2 {
  color: lightcoral
}

h3 {
  color: blue
}

li {
  color: dimgrey
}

ul 
{
  list-style-type:square;
}

th
{
  color:red
}

.poem {
  background-image: url(http://k.sinaimg.cn/n/front/742/w690h852/20180816/IQU_-hhvciiv8047149.jpg/w320h180z1l50t50773.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  color:yellow;
  text-align: center;
  margin-left: 30%;
  margin-right: 30%;
}

.poem em {
  color:red;
}
